<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"          
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <f:view contentType="text/html">
        <h:head>
            <c:set var="root" value="/" />            
            <c:set var="root2" value="#{request.contextPath}/" />
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
            <link rel="stylesheet" type="text/css" href="#{root2}resources/css/estilo.css"/> 
            <script type="text/javascript" src="#{root2}resources/js/funciones.js"></script>
            <title>SISECE</title>            
        </h:head>
        <h:body>
            <p:layout style="width: 1060px;height: 2400px;margin-left:auto; margin-right:auto;">
                <p:layoutUnit  position="north" size="240" resizable="false" closable="false" collapsible="false">
                    <a href="#{root2}index.xhtml"><p:graphicImage height="150" value="#{rootImagen}ocaa_logo_02.jpg" /></a>

                    <p:menubar style="width: 1000px; margin-left:auto; margin-right:auto;">
                        <p:menuitem value="Inicio" url="#{root}index.xhtml" icon="ui-icon-home" />
                        <p:menuitem value="Campus" url="http://sistemas.edu.pe" />
                        <p:menuitem value="Egresado" url="#{root}egresado.xhtml"  />
                        <p:menuitem value="Empresa" url="#{root}empresa.xhtml" />
                        <p:menuitem value="Contactenos" url="#{root}index.xhtml" icon="ui-icon-contact" />                        
                        <p:menuitem value="Preguntas Frecuentes" url="#{root}preguntas.xhtml" icon="ui-icon-help"  />
                        <f:facet name="options">
                            <p:commandLink type="button" value="SALIR" 
                                           action="#{cliente.logout}"
                                           oncomplete="logout(xhr, status, args)" />
                        </f:facet>
                    </p:menubar>

                </p:layoutUnit>

                <p:layoutUnit position="south" size="40" resizable="false" closable="false" collapsible="false">                    
                    Copyright © 2014 All rights reserved.
                </p:layoutUnit>

                <p:layoutUnit position="center"   resizable="true" closable="true" collapsible="true">                    
                    <ui:insert name="content">
                    </ui:insert>
                </p:layoutUnit>

                <p:layoutUnit position="right" size="250" >                    
                </p:layoutUnit>
            </p:layout>

        </h:body>        
    </f:view>

</html>
